body{
  background-color: rgb(23, 11, 58);
  font-family: 'Times New Roman', Times, serif;
  font-style: italic;
  
  }
  .navbar1{
      float: right;
  }
.slideimg{
  width: 100%;
  height: 800px;
}
.logo{
  margin-left: 2px;
  margin-top:0px;
  margin-bottom: 0px;
  width: 100px;
 
  padding:1ch;
}
.navbar1{
  background-color: rgb(23, 11, 58);
  font-family: 'Times New Roman', Times, serif;
  font-style: italic;
  float:right;
  
}
.navcol{
  background-color: rgb(15, 15, 59);
  font-family: 'Times New Roman', Times, serif; 
  float: right;       
}
.box{
  width: 100px;
  padding:20px;
  border: 3px 4px;
  color: blueviolet;
  background-image: url(/images/chhabi.png);

}
.courses{
  /* margin: 30px 0px; */
  width: 100%;
  height: 500px;
  background-color: rgb(103, 97, 123);
  
  margin-right: 2%;
  padding: 20px;
  border-radius: 10px;

}
.courses-list{
  list-style: none;
  display: inline-flex;
  justify-content: space-between;
  margin:10px 0px;
  padding: 0px;
  
}
.courses-list li {
  width: 20%;
  padding: 20px 40px;
  margin: 10px;
  border: 1px solid rgb(97, 90, 6);
  border-radius: 10px;
  background-color: rgb(156, 66, 5);
  color: rgb(242, 235, 235);
  font-size: medium;
  
}
.courses-list img{
  border-radius: 50px;
  width: 100px;
  height: 100px;
  margin: 10px;
  border-color: rgb(92, 139, 6);
  box-shadow: 1px 2px 2px yellow;
}
.courses-list h4{
  font-family: 'Times New Roman', Times, serif;
  font-style: italic;
  font-size: 20px;
  font-weight: 500;
  color: rgb(22, 5, 5);
  text-align:left;
}
.courses-list p {
  font-family: 'Times New Roman', Times, serif;
  color: rgb(22, 5, 5);
  text-align:center;
  margin-top: 0px;
  line-height: 15px;
}
.courses-list button{
  border-radius: 10px;
}
.courses-list li:hover{
  -webkit-animation: demo 3s;
  animation: demo 4s;
                                  
}
.ads{
  width: 100%;
  height:100px;
  border: 2px 3px 3px 4px;
  background-color: rgb(121, 117, 135);
  text-align: center;
  margin: 10px 0px;
  padding: 30px;
  border-color: rgb(181, 250, 6);
  box-shadow: 1px 2px 2px yellow;
}
@-webkit-keyframes demo{ 
  from{background:  lightseagreen;}
  to{background:rgb(23, 11, 58);}
}
@keyframes demo{ 
  from{background:  lightseagreen;}
  to{background:rgb(23, 11, 58);}
}
.modaldis{
  display:inline-flex;
 text-align: left;
 float:center;  
 background-image: url(/images/images.jpg);      
}
.boxcomment0{
  margin: 80%;
  padding: 20px;
  border: 3px 4px;
  border-color: rgb(181, 250, 6);
  box-shadow: 1px 2px 2px yellow;
}